﻿
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title></title>
	<base href="<%= basePath%>">
	<link rel="stylesheet" href="static/ace2/css/bootstrap_ace.min.css" />
	<link rel="stylesheet" href="static/ace2/css/font-awesome.min.css" />
	<link rel="stylesheet" href="static/ace2/font-awesome/4.5.0/css/font-awesome.min.css" />

	<!--tips-->
	<link rel="stylesheet" href="static/css/Tips/themes/TooltipBorder.css">
	<link rel="stylesheet" href="static/css/Tips/themes/TooltipBorderThick.css">
	<link rel="stylesheet" href="static/css/Tips/themes/TooltipDark.css">
	<link rel="stylesheet" href="static/css/Tips/themes/TooltipSmall.css">
	<link rel="stylesheet" href="static/css/Tips/themes/TooltipSmallGray.css">
	<link rel="stylesheet" href="static/css/Tips/themes/TooltipError.css">
	<link rel="stylesheet" href="static/css/Tips/toastr.min.css">
	<link rel="stylesheet" href="static/js/common/my-tips.css">
	<!-- ace styles -->
	<link rel="stylesheet" href="static/ace2/css/ace.css" class="ace-main-stylesheet" id="main-ace-style" />
	<script type="text/javascript" src="static/dataTable/js/jquery-3.3.1.min.js" ></script>
	<script type="text/javascript" src="static/ace2/js/bootstrap.min.js" ></script>
	<script type="text/javascript" src="static/ace2/js/ace.min.js" ></script>
	<script type="text/javascript" src="static/js/common/main.js"></script>

	<!--Tips-->

	<script type="text/javascript" src="static/js/Tips/toastr.min.js"></script>
	<script type="text/javascript" src="static/js/common/my-tips.js"></script>

	<script type="text/javascript" src="static/js/common/main.js"></script>

	<!--引入弹窗组件1start-->
	<script type="text/javascript" src="plugins/attention/zDialog/zDrag.js"></script>
	<script type="text/javascript" src="plugins/attention/zDialog/zDialog.js"></script>
	<!--引入弹窗组件1end-->
	<%--提示框插件--%>
	<script type="text/javascript" src="static/js/common/my-tips.js"></script>

	<script type="text/javascript" src="static/ace/js/bootbox.js"></script>



	<style type="text/css">
		html{
			height: 100%;
		}
		body{
			overflow: hidden;
		}
	</style>
</head>
<body class="no-skin">
<%--头部--%>
<div id="navbar" class="navbar navbar-default   ace-save-state">
	<div class="navbar-container ace-save-state" id="navbar-container">
		<button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
			<span class="sr-only">Toggle sidebar</span>

			<span class="icon-bar"></span>

			<span class="icon-bar"></span>

			<span class="icon-bar"></span>
		</button>

		<div class="navbar-header pull-left">
			<a href="#" class="navbar-brand">
				<small>
					<i class="fa fa-leaf"></i>
					${system}
				</small>
			</a>
		</div>

		<div class="navbar-buttons navbar-header pull-right" role="navigation">
			<ul class="nav ace-nav">
				<li class="grey dropdown-modal">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#">
						<i class="ace-icon fa fa-tasks"></i>
						<span class="badge badge-grey">4</span>
					</a>

				</li>

				<li class="purple dropdown-modal">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#">
						<i class="ace-icon fa fa-bell icon-animated-bell"></i>
						<span class="badge badge-important">8</span>
					</a>

				</li>

				<li class="green dropdown-modal">
					<a data-toggle="dropdown" class="dropdown-toggle" href="#">
						<i class="ace-icon fa fa-envelope icon-animated-vertical"></i>
						<span class="badge badge-success">5</span>
					</a>
				</li>

				<li class="light-blue dropdown-modal">
					<a data-toggle="dropdown" href="#" class="dropdown-toggle">
						<img class="nav-user-photo" src="${user.userHeadPath == null ? 'static/ace2/img/user.jpg' : user.userHeadPath}" alt="${user.userId}'s Photo" />
						<span class="user-info">
									<small>Welcome,</small>
									${user.userId}
								</span>

						<i class="ace-icon fa fa-caret-down"></i>
					</a>

					<ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
						<li>
							<a href="#">
								<i class="ace-icon fa fa-cog"></i>
								Settings
							</a>
						</li>

						<li>
							<a href="profile.html">
								<i class="ace-icon fa fa-user"></i>
								Profile
							</a>
						</li>

						<li class="divider"></li>

						<li>
							<a href="user/logout">
								<i class="ace-icon fa fa-power-off"></i>
								Logout
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</div>
	</div><!-- /.navbar-container -->
</div>

<%--页面部分--%>
<div class="main-container ace-save-state" id="main-container">
	<div id="sidebar" class="sidebar responsive  ace-save-state">
		<script type="text/javascript">
            try{ace.settings.loadState('sidebar')}catch(e){}
		</script>

		<%@ include file="left.jsp" %>

		<div class="sidebar-toggle sidebar-collapse" id="sidebar-collapse">
			<i id="sidebar-toggle-icon" class="ace-icon fa fa-angle-double-left ace-save-state" data-icon1="ace-icon fa fa-angle-double-left" data-icon2="ace-icon fa fa-angle-double-right"></i>
		</div>
	</div>

	<div class="main-content">
		<div class="main-content-inner">
			<div class="page-content">
				<div class="row">
					<iframe name="mainFrame" id="mainFrame" frameborder="0" src="<%= basePath%>menu/to_tab" width="100%" onload="changeFrameHeight()">

					</iframe>
				</div>
			</div>

		</div>
	</div>

</div>

<%--加载状态--%>
<div id="jzts" style="display:none; width:100%; position:fixed; z-index:99999999;">
	<div class="commitopacity" id="bkbgjz"></div>
	<div class="jzts">
		<div style="float: left;margin-top: 3px;"><img src="static/images/loading.gif" /> </div>
		<div style="margin-top: -6px;"><h4 class="lighter block red">&nbsp;加载中</h4></div>
	</div>
</div>

<script>
    function changeFrameHeight(){
        var ifm= document.getElementById("mainFrame");
        ifm.height=document.documentElement.clientHeight-20;

    }

    window.onresize=function(){
        changeFrameHeight();
    }

    //切换菜单
    function changeMenus(type){
        window.location.href='menu/to_main/'+type;
    }

    function operateSuccess(msg) {
        //弹提示框
        prompt_alert('success',msg,0);
        //刷新表格数据
        reloadDataTable();
    }

    /**
     * 失败
     *
     * @param msg 返回信息
     * @create on 2018/12/27 by johnny
     */
    function operateError(msg) {
        //弹提示框
        prompt_alert('error',msg,0);
    }
</script>
</body>
</html>
